<template>
  <view class="page-default">
    <c-nav-bar title="新生入学须知" type="white" bg-color="rgba(255,255,255,0.6)" />
    <view class="relative">
      <view class="relative h-full w-full">
        <image class="h-100 w-full" src="/static/images/clubs.png" mode="widthFix" />
      </view>
      <view class="relative rounded-4 bg-white line-height-6 -top-20">
        <!-- content -->
        <view class="bg-content rounded-4 px-4 py-2">
          <view class="my-6 flex items-center text-lg text-#1A2B5C">
            <view class="mr-2 h-4 w-6px rounded-4 bg-#02CAB1" />社团口号
          </view>
          <view class="bg-green-rgba flex items-center rounded-48 p-3">
            <image src="/static/images/quotation.png" mode="aspectFit" class="h-4 w-4 rotate-180 transform" />
            <text class="pl-2 text-lg text-#3AA69B">
              以泥为媒，探索地理
            </text>
            <image src="/static/images/quotation.png" mode="aspectFit" class="h-4 w-4" />
          </view>
          <view class="my-6 flex items-center text-lg text-#1A2B5C">
            <view class="mr-2 h-4 w-6px rounded-4 bg-#02CAB1" />社团目标
          </view>
          <view class="bg-pathline mt-8 rounded-2 p-3 line-height-8">
            <view>
              <text class="font-bold">
                提升学生的艺术素养：
              </text>通过泥塑创作，学生能够接触并深入了解传统雕塑艺术，锻炼立体思维能力，感受艺术魅力，受到艺术审美的启迪。
            </view>
            <view>
              <text class="font-bold">
                增强实践能力：
              </text>泥塑创作需要学生亲自动手操作，能够锻炼他们的动手能力和实践能力，有助于提升学生的综合素质。
            </view>
            <view>
              <text class="font-bold">
                培养兴趣和爱好：
              </text>泥塑地理园社团提供了一个让学生接触和学习泥塑的平台，可以培养学生对泥塑的兴趣和爱好，激发他们的创造力。
            </view>
            <view>
              <text class="font-bold">
                完善知识结构：
              </text>通过社团活动，学生可以学到与泥塑和地理相关的知识，有助于完善他们的知识结构。
            </view>
            <view>
              <text class="font-bold">
                丰富校园文化生活：
              </text>泥塑地理园社团的成立和活动开展，能够丰富校园文化生活
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script lang="ts" setup>

</script>

<style lang="scss" scoped>
:deep(uni-page-body) {
  background-color: #f5f9fc !important;
}

// .page-default {
//   width: 100%;
//   min-height: 100vh;
//   background: url('@/static/images/welcome/bg.png') no-repeat center top fixed;
//   background-size: 100% 50%;

// }
.bg-content{
  background: url('@/static/images/welcome/header-bg1.png') no-repeat;
  background-size: 100% 50%;
  border: 1px #fff solid;

}
.bg-gradient-time {
  background: linear-gradient(to right, #E7F6EA, transparent);
}
.bg-pathline{
  background: linear-gradient(to bottom, #E7F6EA, transparent);
}
.bg-green-rgba {
  background: rgba(255, 255,255, 0.6);
}
</style>
